<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/>
    <title>折宝宝手机版——品牌链接</title>
    <!--icon图标-->
    <link rel = "shortcut icon" href='favicon.ico'>
    <!--引入第三方样式-->
    <link rel="stylesheet" href="lib/bootstrap/css/bootstrap.css"/>
    <!--引入自己的样式-->
    <link rel="stylesheet/less" href="css/sitenav.less"/>
    <!--引入底部less-->
    <link rel="stylesheet/less" href="css/foot.less"/>
    <!--引入less.js-->
    <script src="lib/less/less.js"></script>
</head>
<body>
<!--头部-->
<header id="header">
    <div>
        <a href="index.html"><i class="glyphicon glyphicon-menu-left"></i></a>
    </div>
    <a href="#">

    </a>

    <h1>品牌链接</h1>

</header>
<main class="site-nav">
</main>
<!--公共底部-->
<div class="footApp">
    <div class="footTop">
        <a href="#">登录</a>
        <a href="#">注册</a>
        <a href="#"><img src="images/foot-top.jpg" alt=""/>返回顶部</a>
    </div>
    <div class="foot">
        <p>
            <a href="" class="color">手机APP下载</a>
            <a href="">折宝宝手机版</a>
            -- 掌上购物平台
        </p>
        <p>开心生活 愉快购物</p>
    </div>
</div>

<!--模板引擎-->
<script id="siteNav" type="text/html">
    <div class="link">
        {{each result as value i}}
        <a href="{{value.navHref}}" target="_blank">
            <img src="{{value.navImg}}" alt="">
            {{value.navTitle}}
        </a>
        {{/each}}
    </div>
</script>
<!--引入jq-->
<script src="lib/jquery/jquery.js"></script>
<!--引入第三方js-->
<script src="lib/bootstrap/js/bootstrap.js"></script>
<!--引入模板引擎-->
<script src="lib/template/template.js"></script>
<!--引入自己的js-->
<script src="js/sitenav.js"></script>
</body>
</html>